/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}


body{
	text-decoration:none;
	color:#333333;
	font-size:12px;
	font-family: "Verdana";
	background:#333333;
}

h2{
	color:#666666;
	font-size:13px;
	font-family: "Verdana";	
}

#header{
	width: 50%;
	margin-left:25%;
	border:thin solid #000000;
	border-bottom:0em;
	padding: 1em;
	background-color: #FFFFFF;	
	valign: middle;
	margin-top: 5em; 
}

#header h1{
	float: right;
}


#contenedor
{
	width: 50%;
	border:thin solid #000000;
	border-top:0em;
	padding: 1em;
	background-color: #FFFFFF;
	margin-left:25%;
}

#suggetionsList{
	position:relative;
	top:-1em;
	left:0em;
}

#suggetionsList ul {
	display:block;
	border: thin solid #666666;
}

#suggetionsList li {
	height: 2em;
	display:block;
	vertical-align: middle;
}

#suggetionsList li:hover {
	background-color: #D8D8D8;
}

#providerList li{
	display:block;
}